// main.ts
import { createApp } from 'vue'
import App from './App.vue'

const app = createApp(App)

//--------------------------------------------------------------//
//element-plus

// 如果您正在使用CDN引入，请删除下面一行。
// import * as ElementPlusIconsVue from '@element-plus/icons-vue'
// import ElementPlus from 'element-plus'
// import 'element-plus/dist/index.css'

// for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
//   app.component(key, component)
// }
// app.use(ElementPlus)

//--------------------------------------------------------------//
// Vuetify

import 'vuetify/styles'
import { createVuetify } from 'vuetify'
import * as components from 'vuetify/components'
import * as directives from 'vuetify/directives'
import '@mdi/font/css/materialdesignicons.css' // Ensure you are using css-loader

const vuetify = createVuetify({
  components,
  directives,
  
  icons: {
    defaultSet: 'mdi', // This is already the default value - only for display purposes
  },
})

app.use(vuetify)
app.mount('#app')